a.tab-item {

  i.icon::before {
    display: inline-block;
    content: ' ';
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 5px;
  }
  .wf-index-on::before {
    background-image: url('img/tab/index-on.png');
  }
  .wf-index-off::before {
    background-image: url('img/tab/index-off.png');
  }
  .wf-order-on::before {
    background-image: url('img/tab/order-on.png');
  }
  .wf-order-off::before {
    background-image: url('img/tab/order-off.png');
  }
  .wf-my-on::before {
    background-image: url('img/tab/my-on.png');
  }
  .wf-my-off::before {
    background-image: url('img/tab/my-off.png');
  }
  .wf-purchase-on::before {
    background-image: url('img/tab/purchase-on.png');
  }
  .wf-purchase-off::before {
    background-image: url('img/tab/purchase-off.png');
  }
}
